@charset "utf-8"
@import url("_reset.css");
/* CSS Document */
body {background:#000; text-align:center;font-family:Arial;}
#container {background: url('../images/cssbg/bg.jpg') center top no-repeat;width:800px;height:600px;text-align:left;margin:0px auto; position:relative;}
#title {position:absolute;z-index:2; text-indent:-999999px;font-size:1px;margin:0px;}
/*---------------------------------------------------------------------------------------------------------------------------------
menu
---------------------------------------------------------------------------------------------------------------------------------*/
#menu { position:absolute;right:27px;top:507px;z-index:3;}
#menu li {float:left; list-style-type:none;}
#menu li a {display:block;background:url('../images/cssbg/menu.png') left top no-repeat;height:21px; text-indent:-99999px;float:left;}

#menu li.menu_1 a {width:120px;}
#menu li.menu_1 a:hover {background-position:0px -21px;}

#menu li.menu_2 a {background-position:-122px 0px;width:89px;}
#menu li.menu_2 a:hover,
#rule #menu li.menu_2 a {background-position:-122px -21px;}

#menu li.menu_3 a {background-position:-212px 0px;width:115px;}
#menu li.menu_3 a:hover {background-position:-212px -21px;}

#menu li.menu_4 a {background-position:-327px 0px;width:52px;}
#menu li.menu_4 a:hover {background-position:-327px -21px;}
/*---------------------------------------------------------------------------------------------------------------------------------
Intro TVC
---------------------------------------------------------------------------------------------------------------------------------*/
#introTvc #title {
	background: url('../images/cssbg/title_1_1.jpg') left top no-repeat;
	width:567px;height:418px;
	left:121px;top:59px;
}
#tvc {position:absolute; z-index:4;left:166px;top:146px;width:540px;}
#tvc #ytapiplayer {width:496px;height:284px;float:left;}
#tvc a.close  {float:right;background:url(../images/cssbg/close.gif) left top no-repeat;width:35px;height:46px;display:block; text-indent:-99999px;}

/*---------------------------------------------------------------------------------------------------------------------------------
index
---------------------------------------------------------------------------------------------------------------------------------*/
#index #title {
	
}
#index #title a {
	position:absolute;
	background:url('../images/cssbg/title_1_2.jpg') left top no-repeat;
	left:146px;top:0px;
	width:550px;height:505px;
	display:block;
}

/*---------------------------------------------------------------------------------------------------------------------------------
rule
---------------------------------------------------------------------------------------------------------------------------------*/
#rule #container {background:url('../images/cssbg/bg_rule.jpg') left top no-repeat;}
/*---------------------------------------------------------------------------------------------------------------------------------
event
---------------------------------------------------------------------------------------------------------------------------------*/
#event #container {background:url('../images/cssbg/bg_event.jpg') left top no-repeat;}
.pic { position:absolute;left:366px;top:325px;}
.fb_friend {background:#edeff4;width:256px;height:203px;left:483px;top:186px; position:absolute;}
.name {color:#ff0000;font-weight:bold;font-size:15px; position:absolute;left:133px;top:190px;}
.sendBtn {position:absolute;left:485px;top:389px;}
.sendBtn a {float:left;background: url('../images/cssbg/send_btn.jpg') left top no-repeat; text-indent:-99999px;height:60px;}
.sendBtn a.changeFriend {width:115px;}
.sendBtn a.send {width:142px;background-position:-115px 0px;}
.tb {padding:10px;}
.tb td {font-size:12px;padding:2px;}

/*---------------------------------------------------------------------------------------------------------------------------------
form
---------------------------------------------------------------------------------------------------------------------------------*/
#form #container {background:url('../images/cssbg/bg_form.jpg') left top no-repeat;}
.sendOK {background:url(../images/cssbg/sendOk.png) left top no-repeat;width:123px;height:45px;display:block;position:absolute; text-indent:-99999px;left:335px;top:319px;}
.point {color:#ff9251;font-size:12px; position:absolute;left:205px;top:369px;}

#formbox { position:absolute;width:345px;left:226px;top:191px;}
#formbox .textField {width:345px;height:23px;border: none;background:none;margin:0px 0px 21px 0px;line-height:23px;}
#formbox .textField.telField {margin:0px 0px 17px 0px;}
a img{
border:0;
 border-width: 0px;
}

